<style>
    .out{
        background-color: #fff;
        border: 1px solid #888;
        width:99%;
        color:#444;
    }
</style>
<div class='title'>时间选择器</div>

<div class="sub">
    <div class='text'>时间选择器：j-date [size,disabled]<br>
        请看一个例子：
            <div class="out">
                <div>不同尺寸：
                    <div class='j-date xs' jui-bind='date' width='200'></div>
                    <div class='j-date s' jui-bind='date'></div>
                    <div class='j-date m' jui-bind='date'></div>
                    <div class='j-date l' jui-bind='date'></div>
                    <div class='j-date xl' jui-bind='date'></div>
                    <div class='j-date' disabled jui-bind='date'></div>
                </div>
                <div>
                    支持时间选择和日期上下限：
                    <div class='j-date' jui-date-time='true' jui-bind='datetime' jui-date-min='2018-01-15' jui-date-max='2018-02-15'></div>
                </div>
                <div>
                    支持查看日期详情(农历和节假日等)：
                    <div class='j-date' jui-date-detail='true' jui-bind='date'></div>
                </div>
            <!-- </div> -->
        <div class='j-code' disabled width='99%' height='auto'>

&lt;div>不同尺寸：
    <!-- 使用宽度 -->
    &lt;div class='j-date xs' jui-bind='date' width='200'>&lt;/div>
    &lt;div class='j-date s' jui-bind='date'>&lt;/div>
    &lt;div class='j-date m' jui-bind='date'>&lt;/div>
    &lt;div class='j-date l' jui-bind='date'>&lt;/div>
    &lt;div class='j-date xl' jui-bind='date'>&lt;/div>
    <!-- 使用disabled -->
    &lt;div class='j-date' disabled jui-bind='date'>&lt;/div>
&lt;/div>
&lt;div>
    支持时间选择和日期上下限：
    &lt;div class='j-date' jui-date-time='true' jui-bind='datetime' jui-date-min='2018-01-15' jui-date-max='2018-02-15'>&lt;/div>
&lt;/div>
&lt;div>
    支持查看日期详情(农历和节假日等)：
    &lt;div class='j-date' jui-date-detail='true' jui-bind='date'>&lt;/div>
&lt;/div>
&lt;script>
new Jet({
    data:{
        date:'2018-01-17',
        datetime:'2018-01-17 01:01:10'
    }
});
&lt;/script>
        </div>
    </div>

<script>
    new Jet({
        data:{
            date:'2018-01-17',
            datetime:'2018-01-17 01:01:10'
        }
    });
</script>